<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/ontes.css">
    <script src="js/ontes.js"></script>
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="images/logo.png" alt="">
        </div>
        <ul class="nav01">
            <li><a href="index.html">首页</a ></li>
            <li><a href="Menu1.html">菜谱^ </a>
                <dl>
                    <dt>  家常菜</dt>
                        <dd>热菜</dd>
                        <dd>主食</dd>
                        <dd>汤</dd>
                        <dd>早餐</dd>
                        <dd>午餐</dd> 
                        </dl>
                 <dl>
                        <dt>中国菜系 </dt>
                        <dd>粤菜</dd>
                        <dd>北菜</dd>
                        <dd>湘菜</dd>
                        <dd>浙菜</dd>
                        <dd>湖北菜</dd>
                 </dl>   
                   
            </li>
            <li><a href="heath.html">饮食健康^</a>
                <dl>
                    <dt>    <a href="heath.html">饮食健康  </a> </dt>
                        <dd>饮食新闻  </dd>
                        <dd><a href="">美容瘦身  </a> </dd>
                        <dd><a href="">饮食小常识</a></dd>
                        <dd><a href="">功能性调理</a></dd>
                        <dd><a href="">清热火    </a></dd> 
                        </dl>
                 <dl>
                        <dt> <a href="heath.html">人群膳食 </a></dt>
                        <dd>减肥</dd>
                        <dd>祛痰</dd>
                        <dd>滋阴壮阳</dd>
                        <dd>健脾养胃</dd>
                        <dd>人群膳食</dd>
                 </dl>   
                 <dl>
                    <dt> <a href="heath.html">健康常识 </a></dt>
                    <dd>减肥</dd>
                    <dd>祛痰</dd>
                    <dd>滋阴壮阳</dd>
                    <dd>健脾养胃</dd>
                    <dd>人群膳食</dd>
             </dl>
             <dl>
                <dt> <a href="heath.html">药膳养生 </a></dt>
                <dd>减肥</dd>
                <dd>祛痰</dd>
                <dd>滋阴壮阳</dd>
                <dd>健脾养胃</dd>
                <dd>人群膳食</dd>
         </dl>   
             
                 
           
                </li>
            <li><a  href="ontes.html">笔记</a></li>
          <li>  <input type="text" placeholder="搜索菜谱，菜单，食材，用户"><input type="button" value="" id="sear"></li>
            <li><input type="button" value="发布">
            <ul>
                <li><a href="PublishOntes.html">发布笔记</a ></li>
                <li><a href="PublishMenu.html">发布菜谱</a ></li>
            </ul>
            </li>
            <li style="display: block;"><a href="login.html">登录</a>|<a href="zhuce.html">注册</a></li>
             <span></span>
            <div style="clear: left;"></div>
           
            </ul>
        </div>
    <main>
        <div id="rankingList"></div>
        <div id="box">
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b01.jpg">
                    <p>早餐时间~简简单单</p>
                    <div class="left">
                        <img src="images/btouxiang1.PNG" class="imgtouxiang"><span class="name">张小厨厨房</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">114</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b02.jpg">
                    <p>早餐日记~鲜肉小笼包</p>
                    <div class="left">
                        <img src="images/btouxiang2.PNG" class="imgtouxiang"><span class="name">飞扬漫舞</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">54</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b03.jpg">
                    <p>可可鸡蛋松饼 | 可可熬夜燕麦</p>
                    <div class="left">
                        <img src="images/btouxiang3.PNG" class="imgtouxiang"><span class="name">婉婷_Wendy_</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">134</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b04.jpeg">
                    <p>自从有了它随时都可以喝红枣水</p>
                    <div class="left">
                        <img src="images/btouxiang4.PNG" class="imgtouxiang"><span class="name">呱呱家的妈妈</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">158</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b05.jpg">
                    <p>鲜虾滑蛋吐司+滑蛋生菜牛角包</p>
                    <div class="left">
                        <img src="images/btouxiang5.PNG" class="imgtouxiang"><span class="name">甜味十足的海风</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">105</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b06.jpeg">
                    <p>自从有了它随时都可以喝红枣水</p>
                    <div class="left">
                        <img src="images/btouxiang5.PNG" class="imgtouxiang"><span class="name">呱呱家的妈妈</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">158</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b07.jpg">
                    <p>早餐陪你</p>
                    <div class="left">
                        <img src="images/btouxiang7.PNG" class="imgtouxiang"><span class="name">美丽—人生</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">35</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b08.jpeg">
                    <p>早餐~</p>
                    <div class="left">
                        <img src="images/btouxiang8.PNG" class="imgtouxiang"><span class="name">素白之华</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">114</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b09.jpg">
                    <p>虾蟹粥</p>
                    <div class="left">
                        <img src="images/btouxiang9.PNG" class="imgtouxiang"><span class="name">一笑&而过</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">30</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b10.jpeg">
                    <p>早安~~</p>
                    <div class="left">
                        <img src="images/btouxiang10.PNG" class="imgtouxiang"><span class="name">微笑在暖暖的掌心</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">159</span>
                    </div>
                </a>
                
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b11.jpg">
                    <p>鸡肉三明治</p>
                    <div class="left">
                        <img src="images/btouxiang11.PNG" class="imgtouxiang"><span class="name">丑丑妖妖</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">0</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b12.jpeg">
                    <p>营养早餐</p>
                    <div class="left">
                        <img src="images/btouxiang12.PNG" class="imgtouxiang"><span class="name">微·妙滋味</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">115</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b13.jpeg">
                    <p>没有发圈的日子，都在好好生活</p>
                    <div class="left">
                        <img src="images/btouxiang13.PNG" class="imgtouxiang"><span class="name">Fat_Tang</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">134</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b14.jpeg">
                    <p>高颜值的豆沙面包</p>
                    <div class="left">
                        <img src="images/btouxiang14.PNG" class="imgtouxiang"><span class="name">玲136</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">79</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b15.jpeg">
                    <p>【我的早餐日记】番茄鸡蛋只是三明治</p>
                    <div class="left">
                        <img src="images/btouxiang15.PNG" class="imgtouxiang"><span class="name">海晓棠</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">111</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b16.jpeg">
                    <p>20200818今日份早餐</p>
                    <div class="left">
                        <img src="images/btouxiang16.PNG" class="imgtouxiang"><span class="name">Rebeccagreat</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">161</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b17.jpeg">
                    <p>周二中式早餐</p>
                    <div class="left">
                        <img src="images/btouxiang17.PNG" class="imgtouxiang"><span class="name">钦家食记</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">65</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b18.jpeg">
                    <p>再晚也要好好早餐</p>
                    <div class="left">
                        <img src="images/btouxiang18.PNG" class="imgtouxiang"><span class="name">SongSummer</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">25</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b19.jpeg">
                    <p>08.18早餐 番茄鸡蛋面</p>
                    <div class="left">
                        <img src="images/btouxiang19.PNG" class="imgtouxiang"><span class="name">_百事可爱</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">105</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b20.jpg">
                    <p>8月18日~好好吃饭</p>
                    <div class="left">
                        <img src="images/btouxiang20.PNG" class="imgtouxiang"><span class="name">dl_方芳_65</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">171</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b21.jpeg">
                    <p>元气早餐 | 滴~</p>
                    <div class="left">
                        <img src="images/btouxiang21.PNG" class="imgtouxiang"><span class="name">京玲爱家</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">65</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b22.jpeg">
                    <p>2020.08.18 鸡排条蟹味棒黄瓜鸡蛋肉松寿司+燕麦牛奶</p>
                    <div class="left">
                        <img src="images/btouxiang22.PNG" class="imgtouxiang"><span class="name">凤梨花园</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">71</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b23.jpeg">
                    <p>每天都要吃早餐8.17</p>
                    <div class="left">
                        <img src="images/btouxiang23.PNG" class="imgtouxiang"><span class="name">诗风的小时光</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">282</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b24.jpg">
                    <p>蟹柳开放吐司</p>
                    <div class="left">
                        <img src="images/btouxiang24.PNG" class="imgtouxiang"><span class="name">育博木子妈</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">87</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b25.jpeg">
                    <p>08月18日早餐 : 金枪鱼寿司+红豆薏米桨</p>
                    <div class="left">
                        <img src="images/btouxiang25.PNG" class="imgtouxiang"><span class="name">然然523</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">82</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b26.jpg">
                    <p>干了这盘西红柿鸡蛋面</p>
                    <div class="left">
                        <img src="images/btouxiang26.PNG" class="imgtouxiang"><span class="name">FIona早餐时光</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">161</span>
                    </div>
                </a>
            </div>
            <div class="item">
                <a href="ontesChild.html">
                    <img src="images/b27.jpeg">
                    <p>2020.08.18 周二 早餐</p>
                    <div class="left">
                        <img src="images/btouxiang27.PNG" class="imgtouxiang"><span class="name">然然523</span>
                    </div>
                    <div class="right">
                        <img src="images/bkongxin.PNG" class="imgxin"><span class="zan">82</span>
                    </div>
                </a>
            </div> 
        </div> 
    </main>
    <footer>
        <div class="foot">
            <ul class="f1">
                <li>关于食界</li>
                <li>食界美食</li>
                <li>意见反馈</li>
                <li>品牌馆</li>
                <li>菜谱大全</li>
            </ul>
            <p>@2016-2020 欢迎访问我们食界 <a href="">唯有爱与美食不可辜负</a> </p>
        </div>
    </footer>
</body>
</html>